<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet" href="css/menu.css"/>
        <script  src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
    </head>
   <script>$(function() {
                $('.link').click(function(e) {
                    //jeżeli popup nie jest widoczny to go pokaż
                    if (!$('.popup:visible').length) {
                        $('.popup').fadeIn();
                        //nakazujemy pluginowi ustawienie sztywnych wymiarów suwaka i pokazanie strzałek
                        $('.popup .content').jScrollPane(
                                {
                                    verticalDragMinHeight: 29,
                                    verticalDragMaxHeight: 29,
                                    horizontalDragMinWidth: 16,
                                    horizontalDragMaxWidth: 16
                                }
                        );
                    }
                    e.preventDefault();
                    return false;
                });
            });</script>

    <body>
        
        <div class="popup">
    <div class="bg"></div>
    <div class="container">
        <input type="button" class="close" value="x" />
        <div class="content">
            <div>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. In libero arcu, vulputate sit amet mattis sit amet, ultrices in erat. Aenean suscipit arcu ac lorem lacinia ut scelerisque turpis commodo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas non justo vitae risus ornare convallis. Phasellus tristique ultricies leo, vitae posuere quam sollicitudin ut. Praesent eget neque sit amet augue bibendum accumsan. Morbi sed fringilla sem. In quam lectus, placerat in laoreet in, ullamcorper vel lacus. Nunc pellentesque suscipit sollicitudin. Aenean sollicitudin metus eget lectus rutrum luctus. Aliquam erat volutpat. Integer nulla erat, auctor vitae blandit ac, vestibulum in turpis. Mauris nec velit enim, vitae elementum risus. Aliquam nisi lectus, interdum a viverra ut, tristique at risus. Aliquam sit amet risus sed ante consequat bibendum. In bibendum, libero sit amet hendrerit commodo, ligula metus lobortis elit, vitae vulputate nibh lacus condimentum felis. Nullam a dolor ut diam ultrices malesuada. Fusce lacus nibh, facilisis sed semper quis, ornare id mauris.
            Etiam metus odio, commodo sed malesuada a, elementum nec velit. In luctus tellus ut felis elementum auctor. Donec condimentum, justo blandit accumsan vehicula, magna mauris ultricies erat, in vulputate tortor nisl et massa. Nunc ut nunc vel lorem viverra interdum quis ac lectus. Sed porta rhoncus pharetra. Sed tortor mi, ultrices in tincidunt et, mollis ac augue. Etiam id nulla vehicula libero iaculis condimentum in at ligula. Morbi porta arcu quis sem condimentum scelerisque. Ut at eros lacus, id viverra tellus. Integer sed tempus eros. Duis sed mi eget urna laoreet auctor a sed velit.
            </div>
        </div>
    </div>
</div>

    </body>
</html>
